@import url(css3.less);
.cf(){
	min-height: 1px;zoom:1;
	&:after{content:"020"; display: block;height: 0; clear: both;visibility:hidden}
	.fl{ float: left;}
	.fr{ float: right;}
}
.omit(){ 
	white-space: nowrap; overflow: hidden;word-wrap:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;
}	
.trs(){ 
	.transition(all 0.2s ease-in-out);
}
.trs500(){ 
	.transition(all 0.5s ease-in-out);
}
@url:"images/";
@bcolor: #ccc;

.bi(@image:none){background-image:url("@{url}@{image}?1437028087201")}
.bg(@image:none,@repeat:no-repeat,@position:0 0,@color:transparent){background:@color url("@{url}@{image}?1437028087201") @repeat @position}
.bgt(@image:none,@repeat:no-repeat,@position:0 0,@color:transparent){background:@color url("@{turl}@{image}?1437028087201") @repeat @position}
.triangle(){ width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: middle;border-color:transparent;border-style:solid}
.lh(@h){ line-height: @h; height: @h;}
.btn(@color, @bor-ra:2px, @fcolor: @color / 2){ 
	.q-grad(@color, top, 0.1); color: @fcolor; border:1px solid @color / 1.2; cursor: pointer; .border-radius(@bor-ra);.transition(all 0.2s ease);
	&:hover{
		background-color: @color / 1.1;
	}
	&:active{
		background-image: none;
	}
}
.di(){
	display: inline-block;vertical-align: middle;
}
.op(@n:100){
	opacity: @n / 100; filter:alpha(opacity=@n);
}

.font-face(@fontName, @noSuffixFontUrl) {
	@font-face {
	  font-family: "@{fontName}";
	  src: url("@{noSuffixFontUrl}.eot");
	  src: url("@{noSuffixFontUrl}.eot?#iefix") format("embedded-opentype"),
	       url("@{noSuffixFontUrl}.woff") format("woff"),
	       url("@{noSuffixFontUrl}.ttf")  format("truetype"),
	       url("@{noSuffixFontUrl}.svg#svgFontName") format("svg");
	}	
}